<%-- 
    Document   : CheckOut
    Created on : Nov 3, 2012, 7:16:36 AM
    Author     : Suma
--%>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
        <script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
        <script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
        <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
        <link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
        <link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
        <c:choose>
            <c:when test="${Action == 'Nap'}">
                

        <form  name="formCheckOut" method="get" action="">

            <table width="680" border="0" cellspacing="0" cellpadding="0"  id="tableformDangNhap">
                <tr align="center" valign="middle" bgcolor="#FF0000">
                    <td  bgcolor="#FF0000" height="30" colspan="2" class="menu1">
                        <span style="font-weight: bold">KIỂM TRA ĐƠN HÀNG</span>
                    </td>
                </tr>

                <tr>
                    <td id="tdformDangNhap"  colspan="2" height="40">
                        <table width="100%" border="1">
                            <tr >
                                <td width="50%" valign="top"><table width="100%" border="0">
                                        <tr>
                                            <td height="50px" style=" padding-left:10px;"><h4>Bạn là khách hàng mới</h4></td>
                                        </tr>
                                        <tr>
                                            <td  height="110px">Đăng ký với chúng tôi để thanh toán nhanh hơn, để theo dõi tình trạng đặt hàng của bạn và nhiều hơn nữa. Bạn cũng có thể thanh toán đơn hàng với tư cách là khách;</td>
                                        </tr>
                                        <tr>
                                            <td style=" padding-left:40px;">
                                                <a href="DangKy.do?Action=Nap"> <input type="button" value="Đăng ký tài khoản" style="width:150px"/></a>

                                            </td>
                                        </tr>
                                        <tr>
                                            <td style=" padding-left:40px;">
                                                <a href="CheckOut.do?Action=ThanhToanLaKhach"> <input type="button" value="Thanh toán là khách" style="width:150px"/></a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="50%" valign="top"><table width="100%" border="0">
                                        <tr>
                                            <td height="50px" colspan="2" style=" padding-left:10px;"><h4>Bạn đã có tài khoản trên hệ thống</h4></td>
                                        </tr>
                                        <tr>
                                            <td height="90px" colspan="2" >Để tiếp tục, vui lòng nhập địa chỉ email và mật khẩu mà bạn sử dụng cho tài khoản của bạn.</td>
                                        </tr>
                                        <tr>
                                            <td style=" padding-left:20px;">Email:</td>
                                            <td><input name="input" type="text" id="input" class="" style="width:150px;" /></td>
                                        </tr>
                                        <tr>
                                            <td style=" padding-left:20px;">Mật khẩu:</td>
                                            <td><input name="txtMatKhau" type="password" maxlength="30" id="txtMatKhau" style="width:150px;"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style=" padding-left:40px;">
                                                <a href="DangNhap.do?Action=Nap"><input type="button"  value="Đăng nhập" style="width:150px"/></a>
                                            </td>

                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  colspan="2" height="40">
                    </td>
                </tr>
            </table>
        </form>
            </c:when>
            <c:otherwise>
                
     
        <form  name="formCheckOut" method="get" action="CheckOut.do">
            <input  type="hidden" name="Action" value="ThanhToan" />
            <table width="680" border="0" cellspacing="0" cellpadding="0"  id="tableformDangNhap">
                <tr align="center" valign="middle" bgcolor="#FF0000">
                    <td  bgcolor="#FF0000" height="30" colspan="2" class="menu1">
                        <span style="font-weight: bold">ĐĂNG KÝ THÀNH VIÊN</span>
                    </td>
                </tr>

                <tr align="left" valign="middle">
                    <td  id="tdformDangNhap" height="25" colspan="2" bgcolor="#55BFFF" style="font-weight: bold">
                        Thông tin cá nhân
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  colspan="2" height="40">
                        Nhập thông tin người nhận, địa chỉ mà bạn muốn chúng tôi chuyển hàng tới.
                    </td>
                </tr>
                <tr>
                    <td  id="tdformDangNhap" width="20%" height="40">
                        Họ và tên
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="hoVaTen">
                        </label>
                        <span id="sprytextfield4">
                            <input type="text" name="hoVaTen" class="tbDangNhap" 
                                   value="Họ và tên"
                                   />
                            <span class="textfieldRequiredMsg">Nhập họ tên</span></span>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Số điện thoại
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="soDienThoai">
                        </label>
                        <span id="sprytextfield3">
                            <input type="text" name="soDienThoai" class="tbDangNhap" value="Số điện thoại"/>
                            <span class="textfieldRequiredMsg">Nhập số điện thoại</span><span class="textfieldInvalidFormatMsg">Số
                                điện thoại không đúng</span></span>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Địa chỉ nhận hàng
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="diaChi">
                        </label>
                        <span id="sprytextfield5">
                            <input type="text" name="diaChi" class="tbDangNhap" 

                                   value="Địa chỉ nhận hàng"
                                   />
                            <span class="textfieldRequiredMsg">Nhập địa chỉ.</span></span>
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Mã xác nhận
                    </td>
                    <td id="tdformDangNhap" >
                        <input name="input" type="image" src="images/Capcha.jpg" style="background-color: #E0E0E0;
                               border-color: #D7D7D7; border-width: 1px; border-style: solid; height: 30px;
                               width: 100px;" />
                        <input type="image" name="refresh-capcha" id="refresh-capcha" src="images/rf-capcha.gif"
                               style="height: 24px; width: 24px; border-width: 0px; padding-bottom: 2px;" />
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  colspan="2" height="60">
                        <input  type="submit" value="Thanh toán" />
                    </td>
                </tr>
            </table>
        </form>
        <script type="text/javascript">
            var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
            var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
            var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
            var sprypassword2 = new Spry.Widget.ValidationPassword("sprypassword2");
            var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "integer");
            var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
            var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
                       
        </script>
             </c:otherwise>
        </c:choose>

